<template>
  <div>
    <el-card class="box-card">
      <div class="text item">
        <p>管理员</p>
        <el-avatar
          class="pic"
          src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
        ></el-avatar>
        <span>演示纺织行业企业</span>
        <div class="btns">
          <span class="one">
            <span class="mui-icon mui-icon-checkmarkempty"></span>已认证
          </span>
          <span class="two">
            <span class="mui-icon mui-icon-closeempty"></span>未认证
          </span>
        </div>
      </div>
    </el-card>
    <div class="center">
      <mt-cell title="切换企业" is-link to="/company">
        <img slot="icon" src="../../assets/img/myIcons/exchange.png" width="24" height="24" />
      </mt-cell>
      <!-- <mt-cell title="AOI检验" is-link>
      <img slot="icon" src="../../assets/img/myIcons/exchange.png" width="24" height="24" />
      </mt-cell>-->
      <mt-cell title="帮助中心" is-link to="/helpCenter">
        <img slot="icon" src="../../assets/img/myIcons/help.png" width="24" height="24" />
      </mt-cell>
      <mt-cell title="看板演示" is-link to="showPanel">
        <img slot="icon" src="../../assets/img/myIcons/display.png" width="24" height="24" />
      </mt-cell>
      <mt-cell title="打印测试" is-link>
        <img slot="icon" src="../../assets/img/myIcons/da.png" width="24" height="24" />
      </mt-cell>
      <mt-cell title="检查更新" is-link>
        <img slot="icon" src="../../assets/img/myIcons/new.png" width="24" height="24" />
      </mt-cell>
      <div class="set">
        <mt-cell title="设置中心" is-link to="/setCentral">
          <img slot="icon" src="../../assets/img/myIcons/setting.png" width="24" height="24" />
        </mt-cell>
      </div>
    </div>

    <mt-button type="default" size="large" @click="goLogin">退出登录</mt-button>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
   
   
    goLogin() {
      this.$router.push({ name: "login" });
    },
    
  }
};
</script>
<style scoped>
.item {
  padding: 0 10px;
}
p {
  font-size: 18px;
  color: #000;
  margin-bottom: 30px;
}
span {
  font-size: 14px;
}
.box-card {
  position: relative;
  margin-bottom: 20px;
	margin-left: 7px;
	margin-right: 7px;
	padding-top: 15px;
	padding-bottom: 12px;
}
.pic {
  position: absolute;
  top: 10%;
  right: 10%;
  width: 60px;
  height: 60px;
}
.btns {
  margin-top: 10px;
}
.one {
  font-size: 12px;
  background-color: #26a2ff;
  width: 60px;
  height: 20px;
  display: inline-block;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
}
.two {
  font-size: 12px;
  background-color: #c0c4cc;
  width: 60px;
  height: 20px;
  display: inline-block;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
}
.set {
  margin: 17px 0;
}
</style>
